$(function(){
  //需求1：点击a链接，显示隐藏盒子
  $('#loginBox a').on('click',function(){
    //#loginBox隐藏， #registerBox显示
    $('#loginBox').hide()
    $('#registerBox').show();
  })
  $('#registerBox a').on('click',function(){
    //#loginBox显示，#registerBox隐藏
    $('#loginBox').show()
    $('#registerBox').hide()
  })
  // 需求2 自定义校验规则
 let form =layui.form
 form.verify({
   pwd:[
    /^[\S]{6,12}$/,
     '密码长度为6-15字符串，且不能包含空格！'
   ],
   repwd:function(value){
     let pwd  = $('#registerBox [name=password]').val()
     console.log(pwd)
     if(value!==pwd){
       return '密码俩次输入不一致'
     
     }
   
   }
   
 }) 
 let layer=layui.layer
//  需求3 注册（axios）
$('#form-reg').on('submit',function(e){
 e.preventDefault()
 axios({
   method:'POST',
   url:'/api/reguser',
   data:$('#form-reg').serialize()
    }).then((res)=>{
      console.log(res)
      if(res.data.status!==0){
        return layer.msg(res.data.message);
            }
            // alert (res.data.message);
            console.log(res)
            layer.msg('恭喜你注册成功！');
            $('#form-reg')[0].reset()
            $('#registerBox a').click()
    })
})
// 需求4 ：登录
$('#form-login').on('submit',function(e){
  e.preventDefault()
  axios({
    method:'POST',
    url:'/api/login',
    data:$('#form-login').serialize()
  }).then((res)=>{
    let obj=res.data;
    if(obj.status !=0){
      return layer.msg(obj.message)
    }
    layer.msg('恭喜你登录成功！');
    location.href='/index.html';
    localStorage.setItem('token',obj.token)
  })
})
})
